<?php use_javascript('jquery-1.7.1.min.js') ?>
<html>
    
    <head>
        <script type="text/javascript">          
            
            $(document).ready(function()
            {                                               
                $(".edit_tr").click(function()
                {                  
               
                    var ID=$(this).attr('id');
                    $("#first_"+ID).hide();                    
                    $("#first_input_"+ID).show();                      
                    
                    
                }).change(function()
                {
                    var ID=$(this).attr('id');
                    var first=$("#first_input_"+ID).val();                    
                    var dataString = 'id='+ ID +'&firstname='+first;                    
                    if(first.length >0)
                    {
                    
                        $.ajax({                         
                            url: '<?php echo url_for('actividades/graba?id=ID&firstname=first'); ?>',
                            type: "POST",
                            data: dataString,
                            cache: false,                                 
                            success: function(html)
                            {
                                $("#first_"+ID).html(first);                                                                
                            }                            
                        });
                            
                        $("#first_"+ID).html('<?php echo image_tag('load.gif') ?>');
                        $("#first_"+ID).html(first);             
                                                                
                    }
                    else
                    {
                        alert('Campo vacio');
                    }
                });
                $(".editbox").mouseup(function() 
                {
                    return false
                });
                $(document).mouseup(function()
                {
                    $(".editbox").hide();
                    $(".text").show();
                });
            });         
        </script>
        <style>
            body
            {
                font-family:Arial, Helvetica, sans-serif;
                font-size:14px;
            }
            .editbox
            {
                display:none
            }
            td
            {
                padding:7px;
            }
            .editbox
            {
                font-size:12px;
                width:auto;
                background-color:#ffffcc;

                border:solid 1px #000;
                padding:4px;
            }
            .edit_tr:hover
            {
                background:url('/images/edit.png') right no-repeat #80C8E5;
                cursor:pointer;
            }


            th
            {
                font-weight:bold;
                text-align:left;
                padding:4px;
            }
            .head
            {
                background-color:#333;
                color:#FFFFFF

            }

        </style>        
    </head>
    <div id="titulos" align="center"><h1> Proyecto Actual</h1></div><br>
    <div align="center"><b><?php echo $pro->getNombre() ?></b></div>
    <div id="titulos" align="center"><h1> Objetivo actual</h1></div><br>
    <div align="center"><b><?php echo $objetivo->getNombre() ?></b></div>
    <br>
    <div id="tituloslistas" align="center"><h1> Lista Actividades</h1></div><br>
    <div id="cajaprincipalproyecto" align="center">
        <div id="fondos" align="center"><br>
            <table border="1" class="table" id="contextual" align="center">
                <thead>
                    <tr id="filascolor">      
                        <th>Nombre</th>            
                        <th>Opcion</th>                                                
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($actividads as $actividad): ?>
                        <tr>
                            <td id="<?php echo $actividad->getIdAc() ?>" class="edit_tr" >
                                <span id="first_<?php echo $actividad->getIdAc() ?>" class="text"><?php echo $actividad->getNombre() ?></span>
                                <textarea   rows="3" cols="150"  class="editbox" id="first_input_<?php echo $actividad->getIdAc() ?>" ><?php echo $actividad->getNombre()  ?></textarea>                                
                            </td>                                    
<!--                            <td><a href="<?php echo url_for('actividades/edit?id_ac=' . $actividad->getIdAc()) ?>"><div class="button button-green"><span><div class="spritesedit" id="edit-icon_jpg" align="center"></div>Editar</span></div></a></td>  
                            <td><a href="<?php echo url_for('recursos/index?id_ac=' . $actividad->getIdAc()) ?>"><div class="button button-green"><span><div class="spriteseditcontenidoobj" id="Setting-icon_jpg" align="center"></div>Recursos</span></div></a></td>-->
                            <td><div class="button button-green"><span><div class="spritesborrar" id="borrar_jpg" align="center"></div><?php echo link_to('Borrar', 'actividades/delete?id_ac=' . $actividad->getIdAc(), array('method' => 'delete', 'confirm' => 'Esta seguro de Eliminar?')) ?></span></div></td>                                    

                        </tr>
                    <?php endforeach; ?>
                </tbody>
            </table><br>
        </div><br>
        <a href="<?php echo url_for('actividades/new') ?>"><button class="buttonmediumauto button-red"><span><div id="imagenes" valign="middle"><div class="spritesnewsmall" id="newsmall_jpg" align="center"></div></div><div id="textobutton2">Nueva Actividad (Paso 3 Requerimiento 1)</div></span></button></a>
        <a href="<?php echo url_for('objetivos/index?id_pro=' . $this->user = sfContext::getInstance()->getUser()->getAttribute('id_pro')) ?>"><button class="buttonmedium button-green"><span><div id="imagenes" valign="middle"><div class="spritesatrasmall" id="atrasmall_jpg" align="center"></div></div><div id="textobutton2">Ir a Objetivos</div></span></button></a>
    </div><br><br><br><br>

</html>